草庐IT

前端 PM

全部标签

解决前端安装sharp出错问题sharp: Command failed.

报错如下:sharp:Commandfailed.cdC:\Users\xxx-api&&yarninstallyarninstallv1.22.19un\Documents\my_files\A-Web-Project\service-categories\service-categories-api>cd.\service-categories-api\infoNolockfilefound.[1/5]Validatingpackage.json...[2/5]Resolvingpackages...warning@strapi/strapi>koa-body>formidable@1.2

穿越时空:2023年前端技术盘点与2024年技术展望

👉导读在过去的时间里,前端技术稳步前行,2023 虽然没有出现革命性的技术,但在语言与标准、主流框架完善、WASM、音视频等核心场景下都有了亮眼的进步。腾讯云开发者公众号特此与腾讯 MoonWebTeam 前端团队策划了本期前端 2023 技术回顾与 2024 技术展望,希望能给业界带来一些输入与启发。读完全文还可以参加惊喜活动抽奖哦!👉目录12023技术年度回顾    1.1语言与标准:CSS、ES和TS语法持续完善,社区竟现反TS声音    1.2前端框架:主流框架持续完善,黑马Htmx与Qwik异军突起    1.3前端基础建设:多种语言助力前端基建的持续发展    1.4Chrome浏

前端常用 Vue3 项目组件大全

Vue.js是一种流行的JavaScript前端框架,它简化了构建交互式的用户界面的过程。Vue3是Vue.js的最新版本,引入了许多新的特性和改进。在Vue3中,组件是构建应用程序的核心部分,它们可以重用、组合和嵌套。下面是一些前端开发中常用的Vue3项目组件。1、VueRouter:VueRouter是Vue.js的官方路由管理器。它允许你在应用程序中实现单页应用程序(SPA)的导航。VueRouter提供了丰富的功能,如路由参数、动态路由、嵌套路由和路由守卫,使得开发者可以轻松地管理应用程序的不同视图。2、Vuex:Vuex是Vue.js的状态管理模式和库。它提供了一个集中式的状态管理机

前端基于XLSX实现数据导出到Excel表格,以及提示“文件已经被损坏,无法打开”的解决方法

文章目录一、vue实现导出excel1、前端实现1、安装xlsx依赖2、引入3、方法4、使用4.1、将一个二维数组转成sheet4.2、将一个对象数组转成sheet4.3、合并单元格4.4、一次导出多个sheet5、支持的文件格式2、后端实现二、导出文件损坏1、前端请求导出接口,增加返回类型2、取消受保护的视图一、vue实现导出excel1、前端实现xlsx是一个用于读取、解析和写入Excel文件的JavaScript库。它提供了一系列的API来处理Excel文件。使用该库,你可以将数据转换为Excel文件并下载到本地。这种方法适用于在前端直接生成Excel文件的场景。更多介绍可参见官网1、安

前端架构设计:Angular 的依赖注入和其优势

1.背景介绍前端架构设计是一项非常重要的技能,它决定了前端应用程序的性能、可维护性和可扩展性。随着前端技术的发展,各种前端框架和库也不断出现,这些框架和库为开发人员提供了更高效、更可靠的方法来构建前端应用程序。其中,Angular是一款非常受欢迎的前端框架,它的核心设计思想之一就是依赖注入(DependencyInjection,简称DI)。在本文中,我们将深入探讨Angular的依赖注入和其优势,并通过具体代码实例来进行详细解释。2.核心概念与联系2.1依赖注入的基本概念依赖注入(DependencyInjection,简称DI)是一种设计模式,它的核心思想是将对象之间的依赖关系明确化并分离

[HTML]Web前端开发技术18(HTML5、CSS3、JavaScript )HTML5 基础与CSS3 应用——喵喵画网页

希望你开心,希望你健康,希望你幸福,希望你点赞!最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!!喵喵喵,你对我真的很重要!目录前言HTML5概述HTML5的八个特性HTML5的优势HTML5新增结构元素及页面元素HTML5废除的元素与属性浏览器支持与选择课后练习html5页面布局设计总结前言熟悉掌握HTML5新特性。HTML5概述WHATWG(WebHypertextApplicationTechnologyWorkingGroup,Web超文本应用技术工作组),WHATWG组织专门致力于Web表单和应用程序,当时W3C专注于XHTML2.0标准的制定。2006年10月,W

Springboot+vue跨域+登录拦截问题,前端获取不到session,每次请求sessionid变化

折磨了整整两天,终于把这个问题搞定了.一开始后端开发完后,用apifox所有接口测试都是可以的,但当前端跑起来后发现接收不到后端的数据.网上查了很多方法,首先试了查到的前端代理方法没用,代理配置了但api不会替换成设置好的代理,还是以字符串形式到相对路径上.于是找了后端的办法,@CrossOrigin(origin="*")配置了cros后,前端能成功接受到数据,本以为皆大欢喜了,但是后端做了登录拦截后,发现所有拦截的页面都报跨域错误,而取消拦截后正常.为了解决这个问题,狠狠的恶补了浏览器相关方面的知识,发现虽然访问了页面,获得了数据,但访问前端的网址,浏览器里并没有cookie记录以及ses

前端koa搭建服务器(保姆级教程)——part1

目录koa简介前端项目搭建koa环境第一步:新建项目第二步:环境初始化,安装依赖初始化项目,生成package.json文件安装koa依赖安装koa-router路由管理依赖安装dotenv环境变量依赖安装nodemon热启动依赖第三步:代码调用,启动服务main.js文件中的内容app/index.js中的内容app/config.js中的内容.env中的内容router文件夹中的user.router.js文件controller文件夹中的user.controller.js文件router文件夹中的index.js文件到这里,代码就写好了,准备开始运行第四步:启动前端koa服务器最终效果

前端 vue 解决按1920*1080设计图做的页面适配屏幕缩放并适配4K屏

提示:前端vue解决按1920*1080设计图做的页面适配屏幕缩放并适配4K屏前端vue解决按1920*1080设计图做的页面适配屏幕缩放并适配4K屏说明一、首先是适配屏幕的缩放比1.在外部创建一个detectZoom.js文件,我是在utils文件夹下2.在main.js中引用二、解决4k屏幕的问题1.获取当前屏幕的分辨率2.根据不同屏幕和缩放比来调节zoom的比例说明公司项目做之前没有沟通好,按照1920*1080设计图做的页面,缩放比是100%,项目做完之后说要适配缩放比,并且适配4k屏,然后就各种百度找办法。一、首先是适配屏幕的缩放比这种方法也是通过看别人发布的文章解决的,原来的地址在

解决SpringBoot和前端Vue的跨域问题

一、为什么会出现跨域问题          出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的。javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)。二、什么是跨域?        要了解什么是跨域,我们先说一下同源的概念。同源,是指协议、域名、端口都相同。    例如